﻿body{
	background: rgb(250,250,252);
}
/*-----来自头部的问候-------*/
.addbody{
	position:fixed;
}
.mt-132{margin-top:132px;float:left;width: 100%;}
header{
	position: relative;
}
.list_nav{
	width: 100%;
	height:132px;
	position:fixed;
	z-index:12;
	background-color:rgb(75,193,210);
}
.list_navbar{
	width: 83%;
	height: 100%;
	padding-left: 1%;
	margin: 0!important;
    overflow: hidden;
}
.list_nav ul{
	width:100%;
    margin:auto;
}
.list_nav ul li{
	float: left;
	height: auto;
	margin-top: 24px;
}
.list_time{
	text-align: center;
	color: #fff;
}
.list_time.select{
	color: rgb(34,118,124);
	padding: 10px 0px;
	border-radius:10px;
	margin-top: -7px;
	background: rgb(227,254,255);
}
.list_time label{
	display: block;
	line-height: 26px;
}
.calendar{
	width: 15%;
	height: 120px;
	color: #fff;
	text-align: center;
    align-self: center;
    position: absolute;
    right: 0;
    top: 0;
	background-color:rgb(75,193,210);
	z-index: 9;
}
.calendar a{
	color: #fff;
}
.calendar p{
	border-left: 1px solid #fff;
	height: 70px;
	margin-top: 28px;
	padding-top: 10px;
}
.calendar img{
	width: 27px;
	height: 25px;
}
.calendar label{
	display: block;
}
/*---------------------*/


article{
	margin-bottom: 95px;
}
.filter_select {
	-webkit-overflow-scrolling : touch;
}
/*------------------选择机票行程提示-----------------*/
.choose{
	width: 100%;
	height: 80px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	color: rgb(34,118,124);
	background: rgb(227,254,255);
}
.way{
	padding: 4px 0px;
	width: 64px;
	text-align: center;
	background: #fff;
}
.choose div{
	margin-left: 15px;
}
/*---------------------国际航班提示--------------------------*/
.inter_time{
	width: 100%;
	height: 76px;
	line-height: 76px;
	color:#888;
	text-align: center;
	background:#fafafc;
	font-size: 30px;
}
/*------------列表------------*/
.air_list{
	width: 100%;
	min-height: 220px;
	background: #fff;
    margin:16px 0;
}
.air_time{
	width: 100%;
	text-align: center;
}
.atime{
	float: left;
	margin-top: 46px;
}
.atime:first-child,.atime:nth-child(3){
	width: 180px;
}
.atime:nth-child(2){
	width: 140px;
	margin: 45px 25px 0px 25px;
}
.atime:nth-child(4){
	float: right;
	margin-right: 20px;
}
.atime label{
	display: block;
	color: rgb(51,51,51);
}
.atime .start_time{
	font-size: 36px;
	color: rgb(0,179,205);
}
.place{
	margin-top: 16px;
	font-size: 24px;
}
.atime .end_time{
	font-size:36px;
	line-height: 40px;
	position: relative;
}
.end_time small{
	position: absolute;
	top: -22px;
	font-size:20px;
	right: -20px;
}
.atime_line{
	position: relative;
}
.cricle{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	top: 4px;
	position: absolute;
}
.place_c{
	color: rgb(0,179,205)!important;
	font-size: 24px;
}
.dotte{
	background:#dbdbdb;
	left: 0px;
}
.dotteend{
	width: 12px;
	height: 12px;
	right: 0px;
	background: #fff;
	border: 1px solid #dbdbdb;
}
.dottecenter{
	background: rgb(75,193,210);
	left: 50%;
	margin-left: -7px;
}
.line{
	padding-top:10px;
	margin: 6px 0;
	border-bottom: 1px solid #dfdfdf;
}
.money{
	color: rgb(254,107,106)!important;
	font-size: 40px;
}
.air_kind{
	color: rgb(102,102,102)!important;
	margin-top: 16px;
}
.air_detail{
	font-size: 20px;
	margin-top: 40px;
	height: 40px;
	width: 56%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-bottom:10px;
}
.air_tip{
	margin-left: 12px;
	line-height: 40px;
	font-size: 20px;
	vertical-align: middle;
	width: 86%; 
	display: inline;
    height: 40px;
}
.air_detail img{
	width: 33px;
	height: 33px;
	vertical-align: middle;
}
.air_detail .a{
	color: rgb(75,193,210);
}
.air-num{
	display:inline-block;
}
/*-------------底部-----------*/
footer{
	position: fixed;
	width: 100%;
	bottom: 0px;
	height: 94px;
	background: rgba(57,58,63,.72);
}
footer ul{
	height: 100%;
}
footer ul li{
	float: left;
	width: 33%;
}
footer ul li a{
	display: block;
	text-align: center;
	font-size: 30px;
	width: 100%;
	color: #fff;
	line-height: 30px;
	/*color: rgb(51,51,51);*/
	/*margin-top: 16px;*/
	/*line-height: 30px;*/
}
footer ul li:nth-child(1) a{
	width: 90%;
	/*border-right:1px solid rgb(199,199,199) ;*/
}
footer ul li a.select{
	color: rgb(0,179,205);
}
.icon-ul{
	display: block;
	width: 35px;
	height: 35px;
	margin: 10px auto;
}
.icon-if{
	background:url(../images/icon-if.png) no-repeat;
	background-size: 29px 32px;
}
.icon-price-f{
	background:url(../images/icon-price-f.png) no-repeat;
	background-size: 35px 35px;
}
.icon-time-f{
	background:url(../images/icon-time-f.png) no-repeat;
	background-size: 31px 33px;
}
.icon-price-4b{
	background:url(../images/icon-price-4b.png) no-repeat;
	background-size: 35px 35px;
}
.icon-time-4b{
	background:url(../images/icon-time-4b.png) no-repeat;
	background-size: 31px 33px;
}
/*-------筛选----------------------------------------------------*/
.filter_select{
	position: fixed;
	width: 100%;
	height:720px;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	display:none;
	background: rgb(255,255,255);
	z-index: 999;
}
.there_btns{
	width: 100%;
	height: 104px;
	display: -webkit-flex;
	display: flex;
	flex-direction:row;
	-webkit-align-items: center;
    align-items: center;
	background: rgb(248,248,248);
	border-bottom:1px solid rgb(210,210,210) ;
}
.there_btns input{
	display: block;
	font-size: 36px;
	width: 30%;
	background: none;
	margin: 0 30px;
}
.there_btns input.btns_reset{
	color:rgb(217,217,217);
}
.there_btns input.btns_ok{
	color: rgb(75,193,210);
}
.filter_main{
	width: 100%;
	height: auto;
	background: #fff;
}
.filter_left{
	width:40%;
	background:rgb(248,248,248);
	float: left;
}
.filter_left .select{
	background: #fff;
	color: rgb(75,193,210);
}
.filter_left li{
	padding-left: 58px;
	line-height: 104px;
	font-size: 36px;
	color: rgb(51,51,51);
	border-top: 1px solid rgb(210,210,210);
	border-right: 1px solid rgb(210,210,210);
}
.filter_right{
	width: 60%;
	height: 100%;
	float: left;
}
.only_b{
	background: #fff!important;
	border:none!important;
}
.only_btns{
	width: 100%;
	height: 104px;
	border-bottom: 1px solid rgb(210,210,210);
}
.only{
	width: 124px;
	height: 64px;
	margin: 19px 15px 0 0;
	border-radius: 35px;
	position: relative;
	float: right;
	display: block;
}
.nonstop{
	background: rgb(0,188,212);
}
.stop{
	background: #fff;
	border: 1px solid #ccc;
}
.disc{
	width: 60px;
	height: 60px;
	position: absolute;
	background: #fff;
	border-radius: 50%;
	box-shadow:4px 3px 10px rgba(0,0,0,.5);
	top:2px;
}
.disc.select{
	right: 0px;
}
.disc.unselect{
	left: 0px;
}
.air_time_solt{
	width: 100%;
	margin-top: 24px;
}
.air_there_btn{
	display: flex;
	justify-content: space-between;
	align-items:  flex-end;
}
.air_time_solt .btns_time{
	width: 132px;
	height: 55px;
	color: rgb(51,51,51);
	font-size: 26px;
	background: #fff;
	margin: 0 12px;
	border: 1px solid rgb(210,210,210);
}
.btns_time.select{
	background: rgb(0,188,212)!important;
	color: #fff!important;
	border: none;
}
.air_time_line{
	text-align: center;
	position: relative;
	margin-top: 94px;
	height: 60px;
}
/*------------------------*/
.air_line_time{
	display: inline-block;
	color: rgb(51,51,51);
}
.airto{
	display: inline-block;
	padding: 0 5px;
}
/*-------------------------------------------------------------*/
.airport_ul{
	width: 100%;
	height: 520px;
	font-size: 36px;
	color: rgb(51,51,51);
	overflow-y: auto;
}
.airport_ul .air_place{
	width: 96%;
	margin: auto;
}
.airport_ul .a_p{
	display: block;
	height: 80px;
	padding-left: 40px;
	margin-top: 10px;
	line-height: 80px;
	background: rgb(248,248,248);
}
.airport_ul :active{
	overflow-y: auto;
}
.airport_ul  li{
	padding:0px 30px 0px 40px;
	line-height: 80px;
	border-bottom: 1px solid #d2d2d2;
}
.airport_ul  li.select{
	color:rgb(0,179,205);
	background: url(../images/icon_select_right.png) no-repeat;
	background-position: 92% 50%;
	background-size: 32px 22px;
}
.air_logo{
	width: 33px;
	height: 33px;
	margin-right:19px;
	vertical-align:middle;
}
.airport_ul  li span{
	vertical-align:middle;
}
.checkbox{
	width: 50px;
	height: 50px;
	float: right;
	margin-top: 8px;
	position: relative;
}
.checkbox .optionL {      
    width: 48px;
    height: 48px;
    position: absolute;
    top: 8px;
    left: -4px;
    background:url(../images/icon_select.png) no-repeat;
    background-position:4px 4px;
    background-size: 40px 88px;
}
.checkbox input[type="checkbox"] {  
    display: inline-block ;
    width: 40px;
    height: 40px;
    opacity:0;
}
.checkbox .checkes {  
    top: 12px;
    background-position:4px -44px;
}
/*------------蒙版--------------*/
.mask_filter{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 19;
	display:none;
	background: rgba(0,0,0,.4);
}
.none{
	display: none;
}
.date_main{
	width: 100%;
	height: 100vh;
	overflow-y: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	background: #fff;
}
.date_title{
	width: 100%;
	height: 56px;
	line-height: 56px;
	border-bottom: 1px solid rgb(204,193,187);
	text-align: center;
}
.date_title li{
	float: left;
	font-size: 28px;
	width: 14.2%;
	color: rgb(51,51,51);
}
.week{
	color: rgb(255,178,177)!important;
}
.Month_money{
	color: rgb(153,153,153)!important;
	font-size: 24px;
}
.date_time{
	width: 100%;
	float: left;
}
.month{
	width: 100%;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 30px;
	color: rgb(0,179,205);
	background: rgb(250,250,252);
}
.month_date{
	width: 100%;
	padding: 28px 0;
	text-align: center;
	float: left;
}
.month_date li{
	width: 14.28%;
	float: left;
	height: 121px;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	 flex-wrap: wrap;
	align-self: auto;
}
.month_date li.unselect{
	color: rgb(217,217,217)!important;

}
.month_date li.select{
	color:#fff!important;
	border-radius:10px ;
	background: rgb(75,193,210)!important;
}
.month_date li.select .money,.month_date li.select .week{
	color: #fff!important;
}
.month_date label{
	display: block;
	margin: auto;
	width: 100%;
	font-size: 24px;
}
.Month_day{
	font-size: 36px!important;
}